<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 layui css -->
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <!-- 主页面css，包含导航栏和页脚 -->
    <link rel="stylesheet" href="./css/main.css">

    <!-- canvas鼠标动画特效css -->
    <link rel="stylesheet" type="text/css" href="css/normalize.css" /><!--CSS RESET-->
    <script src="./lib/jquery/jquery-2.1.1.min.js"></script>
    <title>页面模板</title>

    <style>
        canvas{
            margin: 0;
            padding: 0;
            display: block;
            touch-action: none;
            z-index: -2;
            position: absolute;
        }
        #canvas_bg{
            margin: 0;
            padding: 0;
            display: block;
            touch-action: none;
            z-index: -3;
            position: absolute;
        }
    </style>

</head>

<body class="layui-layout-body">
    <!-- 加入canvas鼠标动画特效 -->
    <canvas></canvas>
    <!-- 加入canvas背景动画特效 -->
    <canvas id="canvas_bg"></canvas>
    <!-- 引入导航栏 -->
    <div class="top-nav">
        <iframe src="module/component/top.html" width="100%"; height="94px" frameborder="0" scrolling="no" name="top_frame"></iframe>
    </div>
    <!-- 页面主内容 -->
    <div class="container">



    </div>
    <!-- 引入页脚 -->
    <div class="footer-nav">
        <iframe src="module/component/footer.html" width="100%"; height="25px" frameborder="0" scrolling="no" name="foot_frame"></iframe>
    </div>

    <!-- 引入载入js文件 -->
    <script src="./lib/layui/layui.js"></script>
    <!-- 引入 layui js文件 -->
    <script src="./js/main.js"></script>
    <!-- 引入鼠标动画js文件 -->
    <script src="./js/stopExecutionOnTimeout.js"></script>
    <!-- 引入鼠标动画文件 -->
    <script src="./js/canvas.js"></script>
    <!-- 引入背景动画文件 -->
    <script src="./js/background.js"></script>
    <script>
        //无特殊情况，禁止在下面写js代码,尽量写在外部文件里
        //JavaScript代码区域
        layui.use('element', function () {
            var element = layui.element;
        });
    </script>
</body>


</html>